import React from "react";
import "@/assets/css/card.scss";
interface IState {
    url:string,
    title:string,
    num:Number

}
interface ISprops extends IState{

}
export class Card extends React.Component<ISprops, IState>{
    constructor(props:ISprops) {
        super(props);
        this.state={
            ...props
        }
    }
    render() {
        let {url,title,num}=this.state;
        return <>
            <div className={'video_card'}>
                <div className={'video_img'}>
                    <img src={url} alt=""/>
                </div>
                <div className={'video_bottom'}>
                    <div className={'video_bottom_left'}>
                        {title}
                    </div>
                    <div className={'video_bottom_right'}>
                        <span className={'iconfont icon-bofang'}></span>
                        <span className={'video_bottom_right_num'}>
                            {num}
                        </span>
                    </div>
                </div>
            </div>
        </>;
    }
}